<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a="https://ajax4jsf.dev.java.net/ajax"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:s="http://jboss.com/products/seam/taglib">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>威客 ‖ affectu - 做全球领先的网上项目服务平台</title>
<meta name="keywords"
	content="项目,服务,威客,威客网,威客平台,威客模式,威客网站,悬赏,竞标,任务,征集,兼职,在线工作,设计,创意,affectu威客,work,soho,witkey" />
<meta name="Description"
	content="affectu是全球领先的网上项目服务平台，提供一个不断进步与创新的工作环境和交易媒介，以现金悬赏竞标型的威客(witkey)在线工作方式,成为最诚信,安全，最受欢迎的威客网络." />
<link type="text/css" rel="stylesheet" href="css/global.css" />
<style type="text/css">
<!--
.stringBold {
	font-size: 16px;
	font-weight: bold;
	color: #{a4jSkin.headerBackgroundColor};
}

.linkButton,a.linkButton:link {
	font-weight: bold;
	color: #{a4jSkin.headerBackgroundColor};
	background-color: #ebf3fb;
	border: 1 px solid #{a4jSkin.headerBackgroundColor};
	/*background-image: url(../images/btnbg.gif);*/
	padding: 4 px 13px;
}

.gbutton {
	font-weight: bold;
	color: #{a4jSkin.headerBackgroundColor};
	background-color: #ebf3fb;
	border: 1 px solid #{a4jSkin.headerBackgroundColor};
	height: 23px;
	background-image: url(../images/btnbg.gif);
	padding: 0 5px;
}
-->
</style>
</head>
<body>

<s:div styleClass="middle">
	<h:panelGrid columns="2" width="100%">
		<h:graphicImage value="images/ind_logo.gif"></h:graphicImage>
		
	</h:panelGrid>
</s:div>

<rich:panel styleClass="middle">
	<s:div id="topSider">
		<s:div id="banner" styleClass="index_banner">
		</s:div>
		<rich:spacer height="2px"></rich:spacer>
		<rich:separator height="2px"></rich:separator>
		<s:div id="search">
			<a:form>
				<h:graphicImage value="images/ind_search.gif" class="searchImage"></h:graphicImage>
				<h:inputText value="#{searchAction.searchString}" class="searchRow"></h:inputText>
				<h:selectOneMenu value="#{searchAction.searchType}"
					style="width:60px" class="searchRow">
					<f:selectItem itemValue="task" itemLabel="项目" />
					<f:selectItem itemValue="wike" itemLabel="人才" />
				</h:selectOneMenu>
				<h:commandButton image="images/search_go.gif"
					action="#{searchAction.luceneSearch()}" styleClass="searchImage" />
			</a:form>
		</s:div>
		<rich:separator height="2px"></rich:separator>
	</s:div>

	<h:panelGrid columns="2">
		<s:div style="width:760px">
			<h:panelGrid columns="2" style="width:100%">

				<s:div>
					<h:graphicImage value="images/index_buyers.gif" />
					<br />
					<rich:panel style="border-style: dotted;">
						<s:span styleClass="stringBold">在线发布项目：100%免费</s:span>
						<br />
						<rich:spacer height="16px" />
						- 在中国寻找可靠的服务提供者<br />
						<rich:spacer height="16px" />
						- 让专业人才竞标您的项目<br />
						<rich:spacer height="16px" />
						- 先验货，后付款 <br />
						<rich:spacer height="30px"></rich:spacer>
						<s:link value="寻找人才" view="/wike/provider.xhtml"
							styleClass="linkButton"></s:link>
						<rich:spacer width="20px"></rich:spacer>
						<s:link value="发布项目" view="/task/process.xhtml"
							styleClass="linkButton"></s:link>
					</rich:panel>
				</s:div>
				<s:div>
					<h:graphicImage value="images/index_providers.gif" />
					<br />
					<rich:panel style="border-style: dotted;">
						<s:span styleClass="stringBold">在线获得项目：100%免费</s:span>
						<br />
						<rich:spacer height="16px" />
						- 完善您的简历,让全世界关注您<br />
						<rich:spacer height="16px" />
						- 通过浏览affectu或搜索网页寻找项目<br />
						<rich:spacer height="16px" />
						- 投标，赢得订单，得到报酬 <br />
						<rich:spacer height="30px"></rich:spacer>
						<s:link value="寻找项目" view="/task/index.xhtml"
							styleClass="linkButton"></s:link>
						<rich:spacer width="20px"></rich:spacer>
						<s:link value="创建展示页" view="/opus/add.xhtml"
							styleClass="linkButton"></s:link>
					</rich:panel>
				</s:div>

			</h:panelGrid>

		</s:div>
		<s:div id="rightSide" style="padding: 0px;">
			<h:form id="loginForm" style="padding: 0px;margin:0px;">
				<rich:panel styleClass="ind_procon">
					<h:outputText value="用户登陆" class="strong"></h:outputText>
					<br />
					<rich:separator lineType="dotted" height="2px" />
					<s:div rendered="#{loginUser==null}">
						<h:panelGrid columns="2">
							<h:outputLabel value="Email:" for="email"></h:outputLabel>
							<h:inputText id="email" value="#{identity.username}"
								class="inputLogin"></h:inputText>
							<h:outputLabel value="密码:" for="password"></h:outputLabel>
							<h:inputSecret id="password" value="#{identity.password}"
								class="inputLogin"></h:inputSecret>
						</h:panelGrid>
						<h:messages class="redAlert"></h:messages>
						<rich:separator lineType="dotted" height="2px" />
						<rich:spacer height="4px" />
						<a:commandButton value="登陆" action="#{authenticator.login}"
							styleClass="gbutton" />
					</s:div>
					<s:div rendered="#{loginUser!=null}">
						<h:panelGrid columns="2">
							<h:outputLabel value="Email:" for="email2"></h:outputLabel>
							<h:outputText id="email2" value="#{loginUser.email}" />
							<h:outputLabel value="密码:" for="password2"></h:outputLabel>
							<h:outputText id="password2" value="******" />
						</h:panelGrid>
						<rich:separator lineType="dotted" height="2px" />
						<h:panelGrid columns="2">
							<s:link value="进入" view="/passport/index.xhtml"
								styleClass="linkButton"></s:link>
							<h:commandLink action="#{authenticator.logout}" value="注销"
								class="linkButton" />
						</h:panelGrid>
					</s:div>
				</rich:panel>
				<rich:panel>
					<h:outputText value="还不是affectu会员？"></h:outputText>
					<br />

					<s:link view="/passport/register.xhtml">
						<h:graphicImage style="border:0" value="images/index_sign.gif"></h:graphicImage>
					</s:link>
				</rich:panel>

			</h:form>
		</s:div>
	</h:panelGrid>

</rich:panel>
<rich:spacer height="20px"></rich:spacer>
<s:div styleClass="middle">
关于我们 | 媒体报道 | 免责声明 | 广告合作 | 知识产权 | 支付方式 | 联系方式 | 团队日志 | 友情链接 | 资讯投稿 | English
<rich:separator lineType="dotted" height="2px" />
</s:div>
<s:div style="display:none;">
	<script language="javascript" type="text/javascript"
		src="http://js.users.51.la/2146945.js"></script>
</s:div>
</body>
</html>
